// customName 是对 “输入自定义名字" 文本框的引用
const customName = document.getElementById('customname');

// randomize 是对 ”随机生成笑话“ 按钮的引用
const randomize = document.querySelector('.randomize');

// story 是对 html 底部准备用来存放笑话的 <p> 元素的引用
const story = document.querySelector('.story');

// randomValueFromArray() 取一个数组作参数，随机返回数组中的一个元素
function randomValueFromArray(array) {
  return array[Math.floor(Math.random() * array.length)];
}

var storyText = '今天气温 34 摄氏度，:inserta:出去遛弯。当走到:insertb:门前时，突然就:insertc:。人们都惊呆了，李雷全程目睹但并没有慌，因为:inserta:是一个 130 公斤的胖子，天气又辣么热。';

var insertX = [
    '怪兽威利',
    '大老爹',
    '圣诞老人'
];

var insertY = [
    '肯德基',
    '迪士尼乐园',
    '白宫'
];

var insertZ = [
    '自燃了',
    '在人行道化成了一坨泥',
    '变成一条鼻涕虫爬走了'
];

randomize.addEventListener('click', result);

function result() {

  var newStory = storyText;
  var xItem = randomValueFromArray(insertX);
  var yItem = randomValueFromArray(insertY);
  var zItem = randomValueFromArray(insertZ);

  newStory = newStory.replace(':inserta:', xItem);
  newStory = newStory.replace(":insertb:", yItem);
  newStory = newStory.replace(":insertc:", zItem);
  newStory = newStory.replace(":inserta:", xItem);


  if(customName.value !== '') {
    let name = customName.value;
    newStory = newStory.replace("李雷", name);
  }

  if(document.getElementById("american").checked) {
    const weight = Math.round(140 * 2.20462) + ' 磅';
    const temperature =  Math.round(35 * 9 / 5 + 32) + ' 华氏度';
    newStory = newStory.replace('35 摄氏度', temperature);
    newStory = newStory.replace('140 公斤', weight);

  }

  story.textContent = newStory;
  story.style.visibility = 'visible';
}






